﻿<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{Name}</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/style.css" />
    <link rel="stylesheet" href="/css/default.css" />
    <link rel="stylesheet" href="/css/frame/global.min.css" />
</head>
<body class="myBody">
    <div class="center-block" style="width:80%;border-bottom:1px #000 solid;">
        <h1>{Name}</h1>
        <span>{Progress}</span>
    </div>
    <div class="panel panel-default center-block" style="width:80%;border:0;">
        <div class="panel-body">
            {Content}
        </div>
        <div class="panel-footer center-block" style="border-top:1px #000 solid;">
            <a class="btn btn-default btn-sm" data-url="{ChapterUrl}" href="{Prev}.html">上一章</a>
            <a class="btn btn-default btn-sm" href="index.html">目录</a>
            <a class="btn btn-default btn-sm" data-url="{ChapterUrl}" href="{Next}.html">下一章</a>
        </div>
    </div>
    <script src="/js/default.min.js"></script>
    <script type="text/javascript">
        window.addEventListener('keydown', (e) => {
            if (e.keyCode == 13) {
                location.href = 'index.html';
            }
            else if (e.keyCode == 37) {
                location.href = '{Prev}.html';
            }
            else if (e.keyCode == 39) {
                location.href = '{Next}.html';
            } else if (e.keyCode == 32 && isScrollBottom()) {
                location.href = '{Next}.html';
            }
        });
    </script>
</body>
</html>